phutruong sua
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>MPC</title>

        <link rel="icon" href="images/logo/favicon.png" type="image/png" />
        <link rel="stylesheet" href="styles/reset.css" type="text/css" />
        <link rel="stylesheet" href="styles/style.css" type="text/css" />
        <link rel="stylesheet" href="styles/login.css" type="text/css" />

    </head>
    <body>

        <!-- START The main container -->
        <div class="container">
            <div id="va-accordion" class="va-container">

                <!-- START The main control -->
                <span class="va-nav-prev"></span>
                <span class="va-nav-next"></span>
                <!-- END The main control -->

                <div class="va-wrapper">

                    <!-- START The login form -->
                    <div class="va-slice va-slice-login">
                        <div class="va-slice-title">Đăng nhập</div>
                        <div class="va-slice-content">
                            <div class="logo"></div>
                            <div class="greeting">
                                <span class="message-1">Chào mừng bạn đến với</span> 
                                <span class="message-2">Câu lạc bộ chuyên gia</span> 
                            </div>
                            <div class="button">
                                <input type="button" id="btn-login" name="btn-login" value="Đăng nhập"/>
                                <input type="button" id="btn-register" name="btn-register" value="Đăng ký"/>
                            </div>

                            <!-- START login form -->
                            <div class="form-content" id="loginForm">
                                <div>
                                    <span class="form-label">Email</span>
                                    <input type="text" name="email" value="" id="email" class="form-element" />
                                </div>
                                <div>
                                    <span class="form-label">Mật khẩu</span>
                                    <input type="password" name="password" value="" id="password" class="form-element" />
                                </div>
                                <div>
                                    <input type="checkbox" name="remember-me" value="" id="remember-me" />
                                    <label class="lb-remember-me" for="remember-me">Ghi nhớ</label>
                                    <a href="#" id="forgot-password">Quên mật khẩu</a>                            
                                </div>
                            </div>
                            <a href="#" id="btn-login-submit">
                                <div class="btn-diamon"><span class="btn-diamon-bg"></span><span class="btn-diamon-text">Đăng nhập</span></div>
                            </a>
                            <!-- END login form -->

                            <!-- START forgot password form -->
                            <div class="form-content" id="forgotPwdForm" style="display:none;">
                                <div>
                                    <span class="form-label">Email</span>
                                    <input type="text" name="email" value="" id="forgot-email" class="form-element" />
                                </div>
                                <div>
                                    <span class="form-label"></span>
                                    <img src="images/captcha.png" class="captcha"  alt=""/>
                                </div>
                                <div>
                                    <span class="form-label">Mã xác nhận</span>
                                    <input type="text" name="vrfcode" value="" id="forgot-vrfcode" class="form-element" />
                                </div>
                            </div>
                            <a href="#" id="btn-forgotpwd-submit" style="display:none;">
                                <div class="btn-diamon"><span class="btn-diamon-bg"></span><span class="btn-diamon-text">Gửi yêu cầu</span></div>
                            </a>
                            <!-- END forgot password form -->

                        </div>
                    </div>
                    <!-- END The login form -->

                    <!-- START The registration form -->
                    <div class="va-slice va-slice-registration">
                        <div class="va-slice-title">Đăng ký</div>
                        <div class="va-slice-content">
                            <!-- START login form -->
                            <div class="form-header">Đăng ký tài khoản mới</div>
                            <div class="form-content" id="registrationForm">
                                <div>
                                    <span class="form-label">Họ và tên</span>
                                    <input type="text" name="reg-full-name" value="" id="reg-full-name" class="form-element" />
                                </div>
                                <div>
                                    <span class="form-label">Tên tài khoản</span>
                                    <input type="text" name="reg-username" value="" id="reg-username" class="form-element" />
                                </div>
                                <div>
                                    <span class="form-label">Email</span>
                                    <input type="text" name="reg-email" value="" id="reg-email" class="form-element" />
                                </div>                                
                                <div>
                                    <span class="form-label">Mật khẩu</span>
                                    <input type="password" name="reg-password" value="" id="reg-password" class="form-element" />
                                </div>
                                <div>
                                    <span class="form-label">Nhập lại</span>
                                    <input type="password" name="reg-cfm-password" value="" id="reg-cfm-password" class="form-element" />
                                </div>
                                <div>
                                    <span class="form-label"></span>
                                    <img src="images/captcha.png" class="captcha" alt=""/>
                                </div>
                                <div>
                                    <span class="form-label">Mã xác nhận</span>
                                    <input type="text" name="reg-vrfcode" value="" id="reg-forgot-vrfcode" class="form-element" />
                                </div>
                                <div>
                                    <input type="checkbox" name="reg-terms-of-use" value="" id="reg-terms-of-use" />
                                    <label for="reg-terms-of-use" class="lb-terms-of-use">Tôi đã đọc và đồng ý với <a href="#" title="Điều khoản sử dụng">Điều khoản sử dụng</a> của myproclub.com</label>
                                </div>
                            </div>
                            <a href="#" id="btn-registration-submit">
                                <div class="btn-diamon"><span class="btn-diamon-bg"></span><span class="btn-diamon-text">Đăng ký</span></div>
                            </a>
                            <!-- END login form -->                            
                        </div>
                    </div>
                    <!-- END The registration form -->

                    <!-- START The info page -->
                    <div class="va-slice va-slice-info">
                        <div class="va-slice-title">Giới thiệu</div>
                        <div class="va-slice-content">
                            <div class="header">Giới thiệu Câu lạc bộ Chuyên gia MyProClub</div>
                            <div class="intro">"Câu lạc bộ Chuyên gia MyProClub (MPC) thành lập với mục tiêu xây dựng một cộng đồng Đầu tư và Khởi nghiệp trên thị trường Việt Nam. Cánh tay thực hiện MPC là Công ty Cổ phần Đầu tư Việt Nam Thịnh Vượng (PVNi) hoạt động trong lĩnh vực tư vấn,đầu tư, hỗ trợ pháp lý cho các doanh nhân mới khởi nghiệp"</div>
                            <div class="model"><img src="images/info-model.png" alt=""/></div>
                            <div class="more-info">
                                <div class="caption">Tầm nhìn:</div>
                                <div class="description">Câu lạc bộ Chuyên gia mong muốn tập hợp các "think-tank" trong lĩnh vực kinh tế, phát huy trí tuệ Việt Nam, làm giàu, làm chủ, xây dựng đất nước ViệtNam thịnh vượng.</div>
                                <div class="caption">Mục tiêu:</div>
                                <div class="description">Trở thành mạng lưới quan hệ tin cậy và hợp tác chặt chẽ, là điểm tựa "Archimedes" cho các doanh nghiệp hàng đầu Việt Nam trong tương lai.</div>
                                <div class="caption">Giá trị cốt lõi:</div>
                                <div class="description">
                                    <ol>
                                        <li>Kinh nghiệm và sự khác biệt.</li>
                                        <li>Lòng tin.</li>
                                        <li>Tính minh bạch.</li>
                                        <li>Sự chia sẻ.</li>
                                        <li>Ý tưởng.</li>
                                    </ol>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- END The info page -->

                    <!-- START The activity page -->
                    <div class="va-slice va-slice-activity">
                        <div class="va-slice-title">Hoạt động</div>
                        <div class="va-slice-content">
                            <div class="header">HOẠT ĐỘNG CỦA <strong>CÂU LẠC BỘ CHUYÊN GIA MYPROCLUB</strong></div>
                            <div class="more-info">
                                <div class="caption">Trên web portal <strong>www.myproclub.com</strong>:</div>
                                <div class="description">
                                    <span>Tham gia vào cổng thông tin điện tử, các thành viên có thể:</span>
                                    <ul>
                                        <li>Chia sẻ kiến thức, ý tưởng khởi nghiệp, kinh nghiệm kinh doanh và tìm kiếm đối tác.</li>
                                        <li>Cập nhật các thông tin tài chính, đầu tư, khởi nghiệp cũng như các báo cáo, nghiên cứu giá trị từ các đối tác truyền thông, các thành viên khác trong Câu lạc bộ. </li>
                                    </ul>
                                </div>
                                <div class="caption">Họp mặt định kỳ <strong>CLB Chuyên gia MyProClub</strong>:</div>
                                <div class="description">
                                    <span>Chương trình họp mặt được tổ chức định kỳ hàng quý:</span>
                                    <ul>
                                        <li>Nơi các thành viên giao lưu, gặp gỡ trực tiếp</li>
                                        <li>Những ý tưởng táo bạo, những dự án tiềm năng sẽ có cơ hội trình bày tại MPC Business Lounge  để tìm kiếm đối tác, huy động vốn từ mạng lưới các nhà đầu tư trong CLB hoặc từ các Quỹ đầu tư mạo hiểm, các nguồn khác.</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- END The activity page -->

                    <!-- START The value page -->
                    <div class="va-slice va-slice-value">
                        <div class="va-slice-title">Giá trị</div>
                        <div class="va-slice-content"></div>
                    </div>
                    <!-- END The value page -->

                    <!-- START The member page -->
                    <div class="va-slice va-slice-member">
                        <div class="va-slice-title">Thành viên</div>
                        <div class="va-slice-content"></div>
                    </div>
                    <!-- END The member page -->

                    <!-- START The contact form -->
                    <div class="va-slice va-slice-contact">
                        <div class="va-slice-title">Liên hệ</div>
                        <div class="va-slice-content"></div>
                    </div>
                    <!-- END The contact form -->

                </div>
            </div>
        </div>        
        <!-- END The main container -->

        <script type="text/javascript" language="javascript" src="js/jquery.min.js"></script>
        <script type="text/javascript" language="javascript" src="js/jquery.easing.1.3.js"></script>
        <script type="text/javascript" language="javascript" src="js/jquery.mousewheel.min.js"></script>
        <script type="text/javascript" language="javascript" src="js/jquery.haccordion.js"></script>

        <script type="text/javascript" language="javascript" src="js/login.js"></script>
    </body>
</html>
